@import '/styles/mixins.less';
@import '/styles/variables.less';
.p-time-index{
  background-color: #f5f5f5;
  height: 100vh;
  overflow: hidden;
  .p-time-index-header {
    height: 290rpx;
    background: url(/images//time-index-bg.png) no-repeat;
    background-size: 100%;
    padding-left: 54rpx;
    padding-top: 40rpx;
    .p-time-index-header-title {
      .flex(center, flex-start);
      .img {
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
        border: 6rpx solid #fff;
        overflow: hidden;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .text {
        padding-left: 30rpx;
        .title {
          font-size: 34rpx;
          color: #fff;
        }
        .desc {
          font-size: 24rpx;
          color: rgba(255,255,255,0.6);
          padding-top: 8rpx;
        }
      }
    }
  }
  .p-time-index-warp {
    padding: 0 24rpx;
    margin-top: -120rpx;
    .p-time-index-warp-card {
      background-color: #fff;
      border-radius: 16rpx;
      padding-bottom: 32rpx;
      overflow: hidden;
      .am-tabs-bar-tab {
        justify-content: flex-start;
      }
      .am-tabs-bar-title {
        padding-bottom: 24rpx;
      }
    }
  }
}